<template>
  <map-comp></map-comp>
  <nav-bar>
    <traffic-conditions></traffic-conditions>
    <video-surveillance></video-surveillance>
    <event-add></event-add>
    <event-query></event-query>
    <event-update></event-update>
    <release-announcement></release-announcement>
    <conditions-info></conditions-info>
    <tool-box></tool-box>
    <user-management></user-management>
    <input-search></input-search>
    <logout-page></logout-page>
  </nav-bar>
</template>

<script setup>
import MapComp from "@/components/MapComp/MapComp.vue";
import NavBar from "@/components/NavComp/NavBar.vue";
import TrafficConditions from "@/components/NavComp/PublicComp/TrafficConditions.vue";
import VideoSurveillance from "@/components/NavComp/TrafficComp/VideoSurveillance.vue";
import EventAdd from "@/components/NavComp/TrafficComp/EventAdd.vue";
import EventQuery from "@/components/NavComp/TrafficComp/EventQuery/EventQuery.vue";
import EventUpdate from "@/components/NavComp/TrafficComp/EventUpdate.vue";
import ReleaseAnnouncement from "@/components/NavComp/TrafficComp/ReleaseAnnouncement.vue";
import ConditionsInfo from "@/components/NavComp/TrafficComp/ConditionsInfo.vue";
import ToolBox from "@/components/NavComp/PublicComp/ToolBox.vue";
import UserManagement from "@/components/NavComp/AdminComp/UserManagement.vue";
import InputSearch from "@/components/NavComp/PublicComp/InputSearch.vue";
import LogoutPage from "@/components/NavComp/PublicComp/LogoutPage.vue";
</script>

<style>
.el-menu-item:nth-last-child(1),
.el-menu-item:nth-last-child(2)
 {
  margin-left: auto;
}
</style>
